<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=7,8,9,10,11" />
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title>首页</title>
	<link rel="shortcut icon" href="images/icon.png" type="image">
	<!-- <link rel="stylesheet" type="text/css" href="./css/mains.css"> -->
	<!-- <link rel="stylesheet" type="text/css" href="./libs/bootstrap-3.3.7/css/bootstrap.css"> -->
	<style type="text/css">
		:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			color: #666;
			font-size: 16px;
		}

		::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #666;
			font-size: 16px;
		}

		input:-ms-input-placeholder {
			color: #666;
			font-size: 16px;
		}

		input::-webkit-input-placeholder {
			color: #666;
			font-size: 16px;
		}

		* {
			margin: 0;
			padding: 0;
		}

		html,
		body {
			width: 100%;
			height: 100%;
			overflow-x: hidden;
			overflow-y: hidden;
		}

		body {
			background: url("images/background.png") no-repeat;
			background-size: 100%;
		}

		.fm-content {
			width: 500px;
			height: 400px;
			background-color: #FFFEFF;
			margin: 0 auto;
			margin-top: 10%;
			border-radius: 8px;
		}

		.ct-login {
			width: 390px;
			margin: 0 auto;
			/* background-image: url('images/login-title.png');
			background-repeat: no-repeat;
			background-size: 100%; */
		}

		.ct-content {
			width: 300px;
			height: 120px;
			padding: 20px;
			margin: -20px auto;
			margin-top: 10px;
		}

		.login-img {
			width: 300px;
			margin: 40px auto;
			margin-left: 45px;
		}

		.fill input {
			width: 280px;
			height: 35px;
			margin-top: 20px;
			background-color: #DCDCDC;
			border: none;
			border-radius: 5px;
			padding-left: 20px;
		}

		.lg-tip {
			opacity: 0;
			text-align: center;
			height: 35px;
			line-height: 35px;
			color: red;
		}

		.login-btn {
			margin-top: 5px;
			width: 300px;
			height: 35px;
			border-radius: 5px;
			background-color: #4285F4;
			color: #ffffff;
			font-size: 17px;
			text-align: center;
			line-height: 35px;
			cursor: pointer;
		}

		.login-forget {
			width: 300px;
			height: 35px;
			line-height: 35px;
			font-size: 15px;
			color: #179AD9;
			text-align: center;
		}

		.login-forget a {
			text-decoration: none;
		}

		.file-hint {
			width: 500px;
			height: 35px;
			font-size: 16px;
			color: #E6E6E6;
			margin: 10px auto;
			margin-top: 100px;
			text-align: center;
		}
	</style>
</head>

<body>
<!-- <div class="fm-banner">
    <img src="images/font1.png">
</div> -->
<div class="fm-content">
	<div class="ct-login">
		<img src="images/login-title.png" class="login-img" alt="">
	</div>
	<div class="ct-content">
		<div class="fill-name fill">
			<input class="name" id="lg-name" type="text" placeholder="请输入用户名" />
		</div>
		<div class="fill-dynamic fill">
			<input class="pwd" id="lg-pwd" type="password" name="" placeholder="请输入密码">
		</div>
		<div class="lg-tip tip-null" id="TIP">用户名和密码不能为空！</div>
		<!-- <div class="lg-tip tip-hole">用户名或密码不正确！</div> -->
		<div class="login-btn register" id="lg-login">登&nbsp;&nbsp;录
			<!-- <img src="images/login-button.png" class="register" id="lg-login" /> -->
		</div>
		<div class="login-forget">
			<a href="#">忘记密码？</a>
		</div>
	</div>
</div>
<div class="file-hint">©2017 浙江卓想科技</div>
<script src="libs/jquery/jquery-2.0.3.min.js" th:src="@{/lib//jquery/jquery-2.0.3.min.js}"></script>
<!-- <script type="text/javascript" src="./libs/jquery-validation-1.16.0/dist/jquery.validate.js"></script> -->
<!-- <script type="text/javascript" src="./libs/jquery-validation-1.16.0/dist/localization/messages_zh.js"></script> -->
<script src="../js/login.js"></script>
</body>

</html>
<script>
    //防止页面后退
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });
</script>